<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <title>About Us</title>
 <link rel="stylesheet" href="styles.css"/>
 <link rel="shortcut icon" href="./setup-files/images/favicon.ico" type="image/x-icon"/>

</head>
<body>
  <section class="section about"id="about">
    <div class="title-wrapper">
     <h2 class="title">about<span class="subtitle"> us</span></h2>
    </div>
    <div class="about-center section-center">
     <article class="about-img">
      <img src="./setup-files/images/about.jpeg" class="about-photo"/>
     </article>
     <article class="about-info">
      <h2>explore the difference</h2>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatem quas, officiis explicabo sed corrupti quo autem possimus voluptates odio ab.
   
      </p>
      <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Debitis, architecto eum perspiciatis ab magnam perferendis laudantium commodi dicta quos non?</p>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Pariatur error eligendi molestias delectus architecto illo rerum ullam adipisci repudiandae harum tempora eaque neque amet labore voluptates laudantium officia, soluta aliquid. Voluptate voluptatum aperiam aliquam maxime iure eligendi provident suscipit magnam itaque! Aliquid dolore aut accusamus temporibus assumenda deserunt eius quas.</p>
      <a href="index.html" class="btn-primary">Back to Home</a>
      
     </article>
    </div>
     
   
   </section>
</body>
</html>